 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>roles</title>
    <script src="../../plugs/jquery-3.1.1.min.js"></script>
    <script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
    <!-- boostrap table  -->
   	<script type="text/javascript" src="../../plugs/jquery-3.1.1.min.js"></script>
	<!-- bootstrap -->
	<link rel="stylesheet" href="../../plugs/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../css/layer/mobile/need/layer.css">
	<script type="text/javascript" src="../../plugs/bootstrap/js/bootstrap.min.js"></script>
	<!-- 分页插件 -->
	<link rel="stylesheet" href="../../plugs/bootstrap-table/bootstrap-table.min.css">
	<script type="text/javascript" src="../../plugs/bootstrap-table/bootstrap-table.min.js"></script>
	<script type="text/javascript" src="../../plugs/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
	<!-- 行内编辑 -->
	<script type="text/javascript" src="../../plugs/editable/bootstrap-editable.js"></script>
	<script type="text/javascript" src="../../plugs/editable/bootstrap-table-editable.js"></script>
	<script type="text/javascript" src="../../css/layer/layer.js"></script>
</head>
<body>
<!--没有查询列表，只有显示作物编码-->
<div class="container" style="margin-top:20px;width: 1200px">
	<div class="row">
		<div class="col-xs-12">
			<table class="table table-striped table-bordered table-hover" ></table>
		</div>
	</div>
</div>
<script>
$(document).ready(function() 
		{
		    	 //---先销毁表格 ---
		        $('table').bootstrapTable('destroy');  
		        //---初始化表格,动态从服务器加载数据--- 
		       	//alert("hello");
				 $('table').bootstrapTable
				 ({
					//发送数据请求
			    	url: '../getPageCropcodeInfo.do',
					method: 'post',
					contentType: "application/x-www-form-urlencoded",
					toolbar: '#toolbar',//自定义工具栏
					cache: false,
					height: 600,
					striped: true,
					//search: true,
					//showExport: true,
					//showColumns: true,
					//exportTypes: ['csv','txt','xml'],
					//search: true,
					clickToSelect: true,
					//【查询设置】
					/* queryParamsType的默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
		                             设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber */
					queryParamsType:'', 
		           	queryParams: function queryParams(params) {
		             var param = {  
		                 pageNumber: params.pageNumber,    
		                 pageSize: params.pageSize
		             }; 
		             return param;                   
		           }, 
					//【其它设置】
		           locale:'zh-CN',//中文支持
		           pagination: true,//是否开启分页（*）
		           pageNumber:1,//初始化加载第一页，默认第一页
		           pageSize: 10,//每页的记录行数（*）
		           pageList: [10,15,20],//可供选择的每页的行数（*）
		           sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
		           showRefresh:true,//刷新按钮
		           //【设置列属性】
					columns:
					 [
					 {field: 'id',title: '序号'}, 	
					 {field: 'cropcode',title: '作物编码'},	 
					 {field: 'cropname',title: '作物名'}, 
					],
		       });
		  	});
</script>
</body>
</html>